<template>
	<div class="star">
		<template v-for="item of dataPlay">
			<img v-if="item==1" class="temStar" src="/src/images/star.png" />
			<img v-else-if="item==2" class="temStar" src="/src/images/star_half.png" />
			<img v-else="item==0" class="temStar" src="/src/images/chat.png" />
		</template>
	</div>
</template>

<script type="text/javascript">
	import unitStar from '../../unit/star.js'
	export default{
		name:'star',
		props:['dataList'],
		data(){
			return{
				dataPlay:"",
			}
		},
		created(){
			this.dataPlay=unitStar.starTem(this.dataList);
		}
	}
</script>

<style lang="stylus" scoped>
	.temStar
		width:0.3rem
		height:0.3rem
</style>